﻿<div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar" role="navigation">
    <div class="panel-group" id="accordion">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title">
                    <a class="nav-link" data-toggle="collapse" data-parent="#accordion" href="#collapseFour">
                        <span class="glyphicon glyphicon-file"></span>PRODUTOS
                    </a>
                </h4>
            </div>
            <div id="collapseFour" class="panel-collapse collapse in">
                <div class="list-group">
                    <a href="#" id="" class="list-group-item nav-link">Acionador a gasolina          </a>
                    <a href="#" id="Alisadoras" class="list-group-item nav-link">Alisadora de Piso             </a>
                    <a href="#" id="Andaimes" class="list-group-item nav-link">Andaime Tubular               </a>
                    <a href="#" id="" class="list-group-item nav-link">Aspirador de Pó               </a>
                    <a href="#" id="Betoneiras" class="list-group-item nav-link">Betoneiras          </a>
                    <a href="#" id="" class="list-group-item nav-link">Bombas Lameiras               </a>
                    <a href="#" id="" class="list-group-item nav-link">Bombas Submersíveis           </a>
                    <a href="#" id="" class="list-group-item nav-link">Compressor de Pintura         </a>
                    <a href="#" id="" class="list-group-item nav-link">Compactador de Solo           </a>
                    <a href="#" id="" class="list-group-item nav-link">Compressores Pneumáticos      </a>
                    <a href="#" id="" class="list-group-item nav-link">Cortadora de Asfalto/Concreto </a>
                    <a href="#" id="" class="list-group-item nav-link">Esmilhadeiras                 </a>
                    <a href="#" id="" class="list-group-item nav-link">Furadeiras                    </a>
                    <a href="#" id="" class="list-group-item nav-link">Geradores de Energia          </a>
                    <a href="#" id="" class="list-group-item nav-link">Guincho de Alavanca           </a>
                    <a href="#" id="" class="list-group-item nav-link">Guincho de Coluna             </a>
                    <a href="#" id="" class="list-group-item nav-link">Lixadeira                     </a>
                    <a href="#" id="" class="list-group-item nav-link">Lixadeira de Piso             </a>
                    <a href="#" id="" class="list-group-item nav-link">Mangote de Imersão e Vibrador </a>
                    <a href="#" id="" class="list-group-item nav-link">Máquina de lavar              </a>
                    <a href="#" id="" class="list-group-item nav-link">Martelo Rompedor              </a>
                    <a href="#" id="" class="list-group-item nav-link">Martelo Perfurador Rompedor   </a>
                    <a href="#" id="" class="list-group-item nav-link">Misturador de Argamassa       </a>
                    <a href="#" id="" class="list-group-item nav-link">Motor Vibrador Elétrico       </a>
                    <a href="#" id="" class="list-group-item nav-link">Placa Vibratória Compactadora </a>
                    <a href="#" id="" class="list-group-item nav-link">Rompedores Elétricos          </a>
                    <a href="#" id="" class="list-group-item nav-link">Rompedores Pneumáticos        </a>
                    <a href="#" id="" class="list-group-item nav-link">Serra Circular Madeira        </a>
                    <a href="#" id="" class="list-group-item nav-link">Serra Circular Pica-Pau       </a>
                    <a href="#" id="" class="list-group-item nav-link">Serra Mármore                 </a>
                    <a href="#" id="" class="list-group-item nav-link">Talhas de Alavanca            </a>
                </div> 
            </div>     
        </div>         
    </div>             
</div>  
                        
                        
<script type="text/jscript">
    $(function () {
        var sideBar = $('a.list-group-item');

        sideBar.click(function () {
            var view = $(this).attr('id');
            $("#divProdutos").load(view);

        });
    });
</script>